<template>
  <div class="left">
    <!--  表：参保人数  -->
    <table_insured/>
    <!--  表：基金收支情况  -->
    <table_fund_inAndOut/>
    <!--  表：事故案件排行  -->
    <table_casesRanking/>
    <!--    <div class="data3_table" @click="goToDetailed">-->
    <!--      <div class="table_title height_left3">事故案件排行(2022年)</div>-->
    <!--      <div class="data3_table_top">-->
    <!--        <div class="data3_table_top_img" :style="{background: 'url(' + data.sgajph.other.casesTotal.img + ')'}"/>-->
    <!--        <div class="data3_table_top_text">{{ data.sgajph.other.casesTotal.text }}</div>-->
    <!--        <div class="data1_text4">{{ data.sgajph.other.casesTotal.data }}<span class="data1_text3">个</span></div>-->
    <!--      </div>-->
    <!--      <dv-scroll-board :config="data.sgajph.chart" class="data2_table"/>-->
    <!--    </div>-->
    <!--   子屏1(事故案件)   -->
    <!--    <Subscreen1 :dialogVisible="dialogVisible" @closeDialog="closeDialog"/>-->
  </div>
</template>

<script>
import Subscreen1 from "./subscreen_cases";
import table_insured from "./table_insured";
import table_casesRanking from "./table_casesRanking";
import table_fund_inAndOut from "./table_fund_inAndOut";

export default {
  name: "Part_left",
  components: {
    Subscreen1, table_insured, table_casesRanking, table_fund_inAndOut
  },
  data() {
    return {
      //子屏显示标记
      dialogVisible: false,
    }
  },
  methods: {
    // 跳转对应子屏的回调
    goToDetailed() {
      this.dialogVisible = true;
    },
    // 关闭子屏的回调
    closeDialog() {
      this.dialogVisible = false
    },
  }
}
</script>

<style scoped>
.left {
  float: left;
  height: 100%;
  width: 26%;
}
</style>
